<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>学生信息管理系统</title>
	</head>
	<body>
		<!--表单组件,action 提交的连接地址(后端java,Controller)-->
		<form>
			<h1>学生信息管理系统</h1>
			<div>
			<label>姓名: </label>
			<!---文本输入框,起名和其他组件的区别,name+id都设置-->
			<input type="text"  name="name" id="name" />
		    </div>
			<div>
			<label>年龄: </label>
			<!--数字输入框-->
			<input type="number" name="age" id="age" />
			</div>
			<div>
				<!--单选框  必须名称一致,自动会变成一组-->
				<label>性别:</label>
				<input type="radio" name="sex" id="sex" />男
				<input type="radio"  name="sex" id="sex"/>女
			</div>
			<div>
				<label>爱好:</label>
				<!--多选框:多个名字相同,自动变成一个组,后台接收的是一个数组
				      打钩就传递后台,否则不传-->
				<input type="checkbox" name="hobby" id="抽烟" />抽烟
				<input type="checkbox" name="hobby" id="喝酒" />喝酒
				<input type="checkbox" name="hobby" id="烫头" />烫头
			</div>
			<div>
				<label>学历:</label>
				<!--下拉框(单个值), 选中中文,本质传数字
				     1- 小学,2-初中,3-高中,4-大专.5-本科-->
				<select name="edu" id="edu">
					<option value="1"\>小学</option>
					<option value="2"\>初中</option>
					<option value="3">高中</option>
				    <option value="4">大专</option>
					<option value="5">本科</option>
				</select>
			</div>
			
		    <div>
				<!--按钮有两种形式
				       提交submit, 自动提到form.action指定url链接 studentController-->
				<input type="submit"  name="btnSave"  value="保存" />
				<button type="submit" name="btnClear">取消</button>
			</div>
		</form>
	</body>
</html>
